<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1291012_mrybnf47rg.css">
</head>

<body>
    <div class="div-nav"></div>
    <div class="nav2">
        <div class="nav2-fram">
            
                <div class="nav2-left-content">
                    <i class="iconfont">&#xe60d;</i>
                    <span>&nbsp;深圳&nbsp;</span>
                    <a href="#">&lt切换&gt</a>
                </div>
            
            <div class="nav2-center">
                <ul class="nav2-center-content">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">测评</a></li>
                    <li><a href="#">商城</a></li>
                </ul>
            </div>
            <div class="nav2-right">
                <i class="iconfont">&#xe60e;</i>
                <span>个人中心</span>
            </div>
        </div>

    </div>

    <div class="container">
        <div class="select-nav1">
            首页 > 预防装修污染 > 材料库
        </div>
        <div class="select-nav2">

            <ul class="row">
                <li>
                    <p>类别</p>
                </li>
                <li><a href="#">全部</a></li>
                <li><a href="#">地板</a></li>
                <li><a href="#">涂料</a></li>
                <li><a href="#">墙纸</a></li>
                <li><a href="#">瓷砖</a></li>
                <li><a href="#"><img src="images/indexSelect.png" alt=""></a></li>
            </ul>


            <ul class="row">
                <li>
                    <p>类型</p>
                </li>
                <li><a href="#">全部</a></li>
            </ul>


            <ul class="row">
                <li>
                    <p>材质</p>
                </li>
                <li><a href="#">全部</a></li>
                <li><a href="#">实木</a></li>
                <li><a href="#">复合</a></li>
                <li><a href="#">强化</a></li>
                <li><a href="#">其他</a></li>
            </ul>


            <ul class="row">
                <li>
                    <p>材质</p>
                </li>
                <li><a href="#">全部</a></li>
                <li><a href="#">圣象</a></li>
                <li><a href="#">大自然</a></li>
                <li><a href="#">生活家</a></li>
                <li><a href="#">北美枫情</a></li>
                <li><a href="#">北德尔</a></li>
            </ul>

        </div>
        <div class="select2">
            <div class="select2-left">
                <span>发布时间</span>
                <i class="iconfont">&#xe601;</i>
                &nbsp;
                <span>价格</span>
                <i class="iconfont">&#xe7cf;</i>
                &nbsp;
                <span>环保节能</span>
                <i class="iconfont">&#xe7cf;</i>
            </div>
            <div class="select2-center">
                <input type="text" placeholder="&nbsp;搜索" >
                <button class="iconfont">&#xe600;&nbsp;搜索</button>

            </div>
            <div class="select2-right">
                <i class="iconfont">&#xe637;</i>
                <span>了解家居医生建材环保评级标准</span>
            </div>
        </div>
        <div class="con-fram">
            <div class="div-con">
                <div class="pic">
                    <a href="#"><img src="images/data_image.png" alt=""></a>
                    <a href="#" class="pic-cont">
                        <ul>
                            <li>德尔 都市系列XXX</li>
                            <li>木地板 - 复合地板</li>
                            <li>单价：128元/m²</li>
                        </ul>
                       
                            <ul class="rank">
                                <li> 环保评级: B</li>
                                <li>(可以使用)</li>
                            </ul>
                       
                    </a>
                </div>
            </div>
            <div class="div-con">
                <div class="pic">
                    <a href="#"><img src="images/data_image.png" alt=""></a>
                    <a href="#" class="pic-cont">
                        <ul>
                            <li>德尔 都市系列XXX</li>
                            <li>木地板 - 复合地板</li>
                            <li>单价：128元/m²</li>
                        </ul>
                        <div class="rank-cent">
                            <ul class="rank">
                                <li> 环保评级: B</li>
                                <li>(可以使用)</li>
                            </ul>
                        </div>
                    </a>
                </div>
            </div>
            <div class="div-con">
                <div class="pic">
                    <a href="#"><img src="images/data_image.png" alt=""></a>
                    <a href="#" class="pic-cont">
                        <ul>
                            <li>德尔 都市系列XXX</li>
                            <li>木地板 - 复合地板</li>
                            <li>单价：128元/m²</li>
                        </ul>
                        <div class="rank-cent">
                            <ul class="rank">
                                <li> 环保评级: B</li>
                                <li>(可以使用)</li>
                            </ul>
                        </div>
                    </a>
                </div>
            </div>
            <div class="div-con">
                <div class="pic">
                    <a href="#"><img src="images/data_image.png" alt=""></a>
                    <a href="#" class="pic-cont">
                        <ul>
                            <li>德尔 都市系列XXX</li>
                            <li>木地板 - 复合地板</li>
                            <li>单价：128元/m²</li>
                        </ul>
                        <div class="rank-cent">
                            <ul class="rank">
                                <li> 环保评级: B</li>
                                <li>(可以使用)</li>
                            </ul>
                        </div>
                    </a>
                </div>
            </div>
            <div class="div-con">
                <div class="pic">
                    <a href="#"><img src="images/data_image.png" alt=""></a>
                    <a href="#" class="pic-cont">
                        <ul>
                            <li>德尔 都市系列XXX</li>
                            <li>木地板 - 复合地板</li>
                            <li>单价：128元/m²</li>
                        </ul>
                        <div class="rank-cent">
                            <ul class="rank">
                                <li> 环保评级: B</li>
                                <li>(可以使用)</li>
                            </ul>
                        </div>
                    </a>
                </div>
            </div>
            <div class="div-con">
                    <div class="pic">
                        <a href="#"><img src="images/data_image.png" alt=""></a>
                        <a href="#" class="pic-cont">
                            <ul>
                                <li>德尔 都市系列XXX</li>
                                <li>木地板 - 复合地板</li>
                                <li>单价：128元/m²</li>
                            </ul>
                            <div class="rank-cent">
                                <ul class="rank">
                                    <li> 环保评级: B</li>
                                    <li>(可以使用)</li>
                                </ul>
                            </div>
                        </a>
                    </div>
            </div>
            <div class="div-con">
                        <div class="pic">
                            <a href="#"><img src="images/data_image.png" alt=""></a>
                            <a href="#" class="pic-cont">
                                <ul>
                                    <li>德尔 都市系列XXX</li>
                                    <li>木地板 - 复合地板</li>
                                    <li>单价：128元/m²</li>
                                </ul>
                                <div class="rank-cent">
                                    <ul class="rank">
                                        <li> 环保评级: B</li>
                                        <li>(可以使用)</li>
                                    </ul>
                                </div>
                            </a>
                        </div>
            </div>
            <div class="div-con">
                            <div class="pic">
                                <a href="#"><img src="images/data_image.png" alt=""></a>
                                <a href="#" class="pic-cont">
                                    <ul>
                                        <li>德尔 都市系列XXX</li>
                                        <li>木地板 - 复合地板</li>
                                        <li>单价：128元/m²</li>
                                    </ul>
                                    <div class="rank-cent">
                                        <ul class="rank">
                                            <li> 环保评级: B</li>
                                            <li>(可以使用)</li>
                                        </ul>
                                    </div>
                                </a>
                            </div>
            </div>
        </div>
        <div class="page">
            <div class="page-left">
                <div class="page-up">
                     <button >上一页</button>
                    </div>
                
                    <div class="pages">
                            <a href="#">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">5</a>
                    </div>
                    <div class="page-down">
                        <button >下一页</button>
                    </div>
            </div>
            <divc class="page-right">
                <span>共有10页，去第 &nbsp;<input type="text">&nbsp; 页</span>
                <button>确定</button>
            </divc>
        </div>
        <div class="relation"> 
            <div class="erweima"><img src="images/small_weixin.png" alt=""></div>
            <div class="backfeed">
               <p>建材检测 需求反馈</p>
               <p>亲爱的用户，我们正在不断的完善和更新建材库，<br>
                若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-content">
            <div class="footer-content-left">
                <img src="images/footerLogo.png" alt="">
                <p>为室内环境健康把好每一关</p>
                <p>家具医生致力于中国人的家居健康问题，通过专业的技术研究<br>
                    和测评，倾力协助大众打造绿色、环保的人居生活环境。
                </p>
            </div>
            <div class="footer-content-center">
             <span><a href="#">关于我们</a></span>
             <span><a href="#">版权说明</a></span><br>
             <span><a href="#">联系我们</a></span>
             <span><a href="#">用户隐私</a></span><br>
             <span><a href="#">加入我们</a></span>
             <span><a href="#">免责申明</a></span>

            </div>
            <div class="footer-content-right">
                <p><a href="#"><img src="images/weixin2.png" alt="">官方微信</a></p>
                <p><a href="#"><img src="images/tianmao.png" alt="">天猫旗舰店</a></p>
                <p><a href="#"><img src="images/shop.png" alt="">有赞商城</a></p>
            </div>
            <div class="footer-mark">
                <hr>
                <span>深圳建筑科学研究院股份有限公司&nbsp;&nbsp;&nbsp;家具医生网</span>
                <span>粤ICP备491561915号@1231412 All Rights Reserved</span>
            </div>
        </div>
        
    </div>
</body>

</html>